/**
 *
 * Copyright 2016-present scrm
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */

import React from 'react';
import PropTypes from 'prop-types';
import { Image, Text, TouchableOpacity, View, StyleSheet } from 'react-native';

import Popover, { PopoverTouchable } from 'react-native-modal-popover';

class Member extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            
        }
    };

    componentDidMount () {
        const {
            mountedHandler
        } = this.props
        mountedHandler();
    };

    render () {
        const {
            onPressItemHandler, 
            members,
            memberType,
            onPopoverDisplayed,
            content,
            visible,
            expander,
            fromRect
        } = this.props;

        return (
            <View>
                <PopoverTouchable onPopoverDisplayed={() => onPopoverDisplayed()}>
                    {expander}
                    <Popover 
                    visible={true}
                    fromRect={fromRect}
                    onClose={()=>{visible = false}}
                    contentStyle={styles.content}
                    arrowStyle={styles.arrow}
                    >
                        {content}
                    </Popover>
                </PopoverTouchable>
            </View>
        )
    }
}

const styles = StyleSheet.create({
    content: {
        padding: 16,
        borderRadius: 8,
      },
      arrow: {
      },
      background: {
        backgroundColor: 'rgba(0, 0, 255, 0.5)'
      }
});

export default Member;